<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>北京鸿鑫国际集团有限公司</title>
    <link rel="shortcut icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/schoolJob.css"/>
    <script src="../js/jquery-1.7.2.js"></script>
<!--<script src="../js/otherAll.js"></script> -->
    
    <script src="../js/artTemplate-3.0/template.js"></script>
    <script src="../js/page/laypage.js"></script>
    <script src="../js/page/page.js"></script>
    <script type="text/javascript">
    var pageSize = 8; // 定义每页显示n条数据
    var jobCategory = 2; // 1校招 2社招 3实习

    $(function() {
    	// 初始化函数
    	var initFun = function() {
    		dataListIndex(jobCategory);
    		dataListIndex(1);
    		dataListIndex(3);
    	}
    	initFun();

        ;(function($){
            var aC2Lli=$('#c2Lli li');
            var aC2RD=$('#c2RD ul');

            aC2Lli.click(function(){
                aC2Lli.removeClass('show');
                $(this).addClass('show');
                aC2RD.hide();
                /* alert($(this).index());
                dataListIndex($(this).index()+1); */
                aC2RD.eq($(this).index()).show();
            });
        })(jQuery);
    });
    
    function dataListIndex(jobCat) {
    	dataList(jobCat,"#variety-content"+jobCat,"variety-template"+jobCat);
    }

    function dataList(jobCategory, content, template) {
    	var pagination = "pagination"+jobCategory;
    	/* alert(pagination); */
    	datagrid = $(content).datagrid({
            pageSize: pageSize,
            queryParams: "jobCategory="+jobCategory,
            url: "../../job/listPage.do",
            pagination: pagination,
            scriptHtml: template,
            table: "eTableRow",
            isPagination: true
        });
    }
    
    function myClick(id){
    	window.location.href = '../listPage/jobDetail.html?id='+id;
    }
    </script>
</head>
<body>
<div id="xHeader"></div>
<div class="wrap2">
    <div class="content2">
        <div class="listL clearFix">
            <!-- <p>当前位置：专项工作 －>人力资源 －>人才招聘 －>校园招聘</p> -->
            <!-- <p>当前位置：专项工作 －>人力资源 －>人才招聘</p> -->
            
            <i></i>
            <p>当前位置： 
            <a href="../listPage/special.html">专项工作</a>－>
            <a href="../listPage/special.html">人力资源</a>－>
            <a href="#">人才招聘</a></p>
        </div>
        <div class="BBox clearFix" style="position: relative;">
             <ul class="L" id="c2Lli">
                <li class="show">
                    <p>社会招聘<span>＞</span></p>
                </li>
                <li>
                    <p>校园招聘<span>＞</span></p>
                </li>
                <li>
                    <p class="pL">大学生实习<span>＞</span></p>
                </li>
            </ul>
            <div class="R">
            <ul class="CList clearFix">
                <li class="Lli1">招聘岗位</li>
                <li class="Lli2">性别</li>
                <li class="Lli3">招聘人数</li>
                <li class="Lli4">学历要求</li>
                <li class="Lli5">发布时间</li>
            </ul>
                
			<div id="c2RD">	
			
			<!--  社会招聘 -->
		    <script id="variety-template2" type="text/html">
					{{each list as value i}}
                    <li class="clearFix" onclick="javascript:myClick({{value.id}});">
						<p class="p1">{{value.jobName}}</p>
                        <p class="p2">{{value.sex}}</p>
                        <p class="p3">{{value.jobNum}}人</p>
                        <p class="p4">{{value.education}}</p>
                        <p class="p5">{{value.jobPushtime}}</p>
                    </li>
                    {{/each}}
			</script>
			<ul class="CList2 show">
				<div class="content" id="variety-content2"></div>
				<!-- 分页 -->
            <div style="text-align: center; bottom: 20px; position: absolute; width: 80%;" class="page" id="pagination2"></div>
            
            </ul>
            
			<!--  校园招聘 -->		
		    <script id="variety-template1" type="text/html">
					{{each list as value i}}
                    <li class="clearFix" onclick="javascript:myClick({{value.id}});">
						<p class="p1">{{value.jobName}}</p>
                        <p class="p2">{{value.sex}}</p>
                        <p class="p3">{{value.jobNum}}人</p>
                        <p class="p4">{{value.education}}</p>
                        <p class="p5">{{value.jobPushtime}}</p>
                    </li>
                    {{/each}}
			</script>
			<ul class="CList2">
				<div class="content" id="variety-content1"></div>
				
            <div style="text-align: center; bottom: 20px; position: absolute; width: 80%;" class="page" id="pagination1"></div>
            
            </ul>
            
            <!--  大学生实习 -->
		    <script id="variety-template3" type="text/html">
					{{each list as value i}}
                    <li class="clearFix" onclick="javascript:myClick({{value.id}});">
						<p class="p1">{{value.jobName}}</p>
                        <p class="p2">{{value.sex}}</p>
                        <p class="p3">{{value.jobNum}}人</p>
                        <p class="p4">{{value.education}}</p>
                        <p class="p5">{{value.jobPushtime}}</p>
                    </li>
                    {{/each}}
			</script>
            <ul class="CList2">
				<div class="content" id="variety-content3"></div>
				
            <div style="text-align: center; bottom: 20px; position: absolute; width: 80%;" class="page" id="pagination3"></div>  
            
            </ul>
            
			</div>
             <!-- 
             <div class="listPage clearFix">
                 <p>当前【{{pageNo}}】 共【<span>{{pageCount}}</span>】页</p>
				 <div onclick="javascript:dataList(1,1);">首页</div>
                 <div onclick="javascript:{{if pageNo>1}}dataList({{pageNo-1}},1){{/if}};">上一页</a></div>
                 <div onclick="javascript:{{if pageNo<pageCount}}dataList({{pageNo+1}},1){{/if}};">下一页</a></div>
                 <div onclick="javascript:dataList({{pageCount}},1);">尾页</a></div>
             </div>
             -->
            </div>
        </div>
    </div>
</div>
<div id="xFooter"></div>
<script>
/* 引入头部 */
$.ajax({ url: "../listPage/xHeader.html",async: false,success: function(html){
		$("#xHeader").append(html);
}});
/* 引入底部 */
$.ajax({ url: "../listPage/xFooter.html",async: false,success: function(html){
    	$("#xFooter").append(html);
}});
</script>
</body>
</html>